<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="assets/amazeui-admin/css/amazeui.min.css">
    <link rel="stylesheet" href="assets/amazeui-admin/css/petshow.css?6">
    <link rel="stylesheet" href="assets/amazeui-admin/css/wap.css">
    <title>校园网</title>
</head>
<body style="background:#ececec">
<div class="pet_mian" >
    <div class="pet_head">
  <header data-am-widget="header"
          class="am-header am-header-default pet_head_block">
      <div class="am-header-left am-header-nav ">
          <a href="articleStudyList" class="iconfont pet_head_jt_ico"  ><img src="myAssets/img/返回.png"></a>
      </div>

 <h1 class="am-header-title pet_article_user">

      <span class="pet_article_user_ico" id="user-myFile"><i class="am-icon-spinner am-icon-spin"></i></span>
      <span class="pet_article_user_name" id="user-name"><i class="am-icon-spinner am-icon-spin"></i></span>
      </h1>

      <div class="am-header-right am-header-nav">
          <a href="javascript:;" class="iconfont pet_head_gd_ico"></a>
      </div>
  </header>
</div>



  



<div class="pet_content">
<div class="pet_content_block">
  <article data-am-widget="paragraph" class="am-paragraph am-paragraph-default pet_content_article" data-am-paragraph="{ tableScrollable: true, pureview: true }">
  <h1 class="pet_article_title" id="title"><i class="am-icon-spinner am-icon-spin"></i></h1>
  <div class="pet_article_user_time" id="date">发表于 :<i class="am-icon-spinner am-icon-spin"></i></div>
     <p class=paragraph-default-p id="content"><i class="am-icon-spinner am-icon-spin"></i></p>
     <div id="articel-myflie" >
  	<!-- 图片 -->
     </div>
     	
  </article>
        <ul class="like_share_block">
        <li><a class="link_share_button" href="###"><i class="iconfont share_ico_link"><img src="myAssets/img/16-16/赞.png"></i>1460</a></li>
        <li><a class="link_share_button" href="###"><i class="iconfont share_ico_pyq"><img src="myAssets/img/16-16/收藏.png"></i>收藏</a></li>
        <li><a class="link_share_button" href="###"><i class="iconfont share_ico_wx"><img src="myAssets/img/16-16/微信.png"></i>微信</a></li>
      </ul>
    <div class="pet_article_dowload">
      <div class="pet_article_dowload_title">关于Amaze UI</div>
      <div class="pet_article_dowload_content"><div class="pet_article_dowload_triangle"></div>
      <div class="pet_article_dowload_ico"><img src="assets/amazeui-admin/img/footdon.png" alt=""></div>
      <div class="pet_article_dowload_content_font">
Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
      </div>
      <div class="pet_article_dowload_all">
        <a href="###" class="pet_article_dowload_Az am-icon-apple"> App store</a>
        <a href="###" class="pet_article_dowload_Pg am-icon-android"> Android</a>
      </div>
      </div>
  </div>
</div>

</div>
<div class="pet_comment_list">
				<div class="pet_comment_list_wap">
					<div class="pet_comment_list_title" id="discusses-type"></div>

					<div data-am-widget="tabs" class="am-tabs am-tabs-default pet_comment_list_tab">

						<div class="am-tabs-bd pet_pl_list">
							<div data-tab-panel-0 class="am-tab-panel am-active"
							id="discusses-list">
								
							</div>
							

						</div>
					</div>
					<hr>
					<div id="if-list-discusses">

					</div>	
					<form class="am-form am-g"  id="form-discuss">
						<fieldset>
							<h3 class="blog-comment">评论</h3>
							<div class="am-form-group">
								<textarea class="" rows="3" placeholder="一字千金" id="content-discuss"></textarea>
							</div>
							<div  class="pet_comment_list_bottom_info_r">
							<p><button type="button" class="am-btn am-btn-default" 	id="but-discuss">发表评论</button></p>
							</div>
						</fieldset>
					</form>
				</div>
			</div>
<script src="assets/amazeui-admin/js/jquery.min.js"></script>
<script src="assets/amazeui-admin/js/amazeui.min.js"></script>
<script>
$(function(){

    // 动态计算新闻列表文字样式
    auto_resize();
    $(window).resize(function() {
        auto_resize();
    });
    $('.am-list-thumb img').load(function(){
        auto_resize();
    });
    $('.pet_article_like li:last-child').css('border','none');
        function auto_resize(){
        $('.pet_list_one_nr').height($('.pet_list_one_img').height());
                // alert($('.pet_list_one_nr').height());
    }
        $('.pet_article_user').on('click',function(){
            if($('.pet_article_user_info_tab').hasClass('pet_article_user_info_tab_show')){
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_show').addClass('pet_article_user_info_tab_cloes');
            }else{
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_cloes').addClass('pet_article_user_info_tab_show');
            }
        });

        $('.pet_head_gd_ico').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
       });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
});

</script>
	<script src="myAssets/js/admin-articleStudyOne.js"></script>
</body>
</html>